
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>销售定制页面</title>
    <link href="${pageContext.request.contextPath}/css/bespoke/bespoke.css" rel="stylesheet">
</head>

<body>
<!--导航条-->
<c:import url="/header/header.jsp"/>
<!--主要内容-->
<%--${response}--%>
<div class="container">
    <div class="wrapper">
        <div class="sales-info">
            <div class="info-l">
                <div class="sales-img">
                    <img src="${response.data.travelSights.travelSightsMainImg}">
                </div>
                <div class="sales-collection">
                    <a>
                        <i></i>
                        收藏
                        <span>171</span>
                    </a>
                </div>
            </div>
            <div class="info-r">
                <div class="sales-title">
                    <span>方案</span>
                    <h1>${response.data.itineraryPlan.itineraryTitle}</h1>
                </div>
                <div class="sales-price-info">
                    <ul>
                        <li class="cankao">
                            <span>定制价</span>
                        </li>
                        <li class="info-price">
                            <em>￥</em>
                            <strong>${response.data.itineraryPlan.itineraryBudget}</strong>
                            <span>起</span>
                        </li>
<%--                        <li class="info-number">--%>
<%--                            <em>已售</em>--%>
<%--                            <strong>85</strong>--%>
<%--                        </li>--%>
                        <li>
                                <span class="purchase-btn">
                                    <a href="${pageContext.request.contextPath}/travel/formulate_travel.jsp" style="text-decoration: none">立即定制</a>
                                </span>
                        </li>
                    </ul>
                </div>
            </div>
            <!--评论-->
            <div class="review">
                <div class="logo">
                </div>
                <h2>用户点评</h2>
                <div class="review-border">
                    <div class="review-lists">
                        <ul class="review-item">
                            <li>
                                <div class="user-logo">
                                    头像
                                </div>
                                <div class="user-name">
                                    <span>自**用户</span>
                                </div>
                                <div class="review-content">
                                    <p>这几天行程运气还挺好的，天气都是不错的晴天，云南的景点比较分散，景点行程安排的还行的，玉龙雪山海拔高，有些冷，幸亏我穿了厚点的衣服，雪山真的很壮观，有种云端之巅的感觉，大理和丽江的生活节凑很慢，适合发呆，悠闲的坐着，蓝月谷好美的，是对眼睛的净化。酒店住的还不错，环境还好。云南少数民族多，各地风俗都不太一样，了解了许多不同的东西。</p>
                                </div>
                            </li>
                            <li>
                                <div class="user-logo">
                                    头像
                                </div>
                                <div class="user-name">
                                    <span>自**用户</span>
                                </div>
                                <div class="review-content">
                                    <p>这几天行程运气还挺好的，天气都是不错的晴天，云南的景点比较分散，景点行程安排的还行的，玉龙雪山海拔高，有些冷，幸亏我穿了厚点的衣服，雪山真的很壮观，有种云端之巅的感觉，大理和丽江的生活节凑很慢，适合发呆，悠闲的坐着，蓝月谷好美的，是对眼睛的净化。酒店住的还不错，环境还好。云南少数民族多，各地风俗都不太一样，了解了许多不同的东西。</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<script>
    var itineraryTravelDays = "${response.data.itineraryPlan.itineraryTravelDays}";
    console.log("data.itineraryPlan.itineraryTravelDays:" + itineraryTravelDays);
    sessionStorage.setItem("itineraryTravelDays",itineraryTravelDays);

    var numberAdults = "${response.data.itineraryPlan.numberAdults}";
    console.log("response.data.itineraryPlan.numberAdults:" + numberAdults);
    sessionStorage.setItem("numberAdults",numberAdults);

    var numberChild = "${response.data.itineraryPlan.numberChild}";
    console.log("response.data.itineraryPlan.numberChild:" + numberChild);
    sessionStorage.setItem("numberChild",numberChild);

    var startProvince = "${response.data.itineraryPlan.startProvince}";
    console.log("response.data.itineraryPlan.startProvince:" + startProvince);
    sessionStorage.setItem("startProvince",startProvince);

    var endCity = "${response.data.itineraryPlan.endCity}";
    console.log("response.data.itineraryPlan.endCity:" + endCity);
    sessionStorage.setItem("endCity",endCity);

    var itineraryPlanId = "${response.data.itineraryPlan.itineraryPlanId}";
    console.log("response.data.itineraryPlan.itineraryPlanId:" + itineraryPlanId);
    sessionStorage.setItem("itineraryPlanId",itineraryPlanId);

    var travelSightsName = "${response.data.travelSights.travelSightsName}";
    console.log("response.data.travelSights.travelSightsName:" + travelSightsName);
    sessionStorage.setItem("travelSightsName",travelSightsName);

    var travelTicketsPrice = "${response.data.travelSights.travelTicketsPrice}";
    console.log("response.data.travelSights.travelTicketsPrice:" + travelTicketsPrice);
    sessionStorage.setItem("travelTicketsPrice",travelTicketsPrice);

    var itineraryBudget = "${response.data.itineraryPlan.itineraryBudget}";
    console.log("response.data.itineraryPlan.itineraryBudget:" + itineraryBudget);
    sessionStorage.setItem("itineraryBudget",itineraryBudget);
</script>

</body>
</html>